<!DOCTYPE html>
<html>

<head>
    <title>Flatty - Flat administration template</title>
    <meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport' />

    <!--[if lt IE 9]>
    <script src='assets/javascripts/html5shiv.js' type='text/javascript'></script>
    <![endif]-->
    <link href='assets/stylesheets/bootstrap/bootstrap.css' media='all' rel='stylesheet' type='text/css' />

    <!-- / flatty theme -->
    <link href='assets/stylesheets/light-theme.css' id='color-settings-body-color' media='all' rel='stylesheet' type='text/css' />
    <!-- / demo     
    <link href='assets/stylesheets/demo.css' media='all' rel='stylesheet' type='text/css' />
    -->

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>

<body class='contrast-red sign-in contrast-background'>
    <div id='wrapper'>
        <div class='application'>
            <div class='application-content'>
                <a href="sign_in.html">
                    <div class='icon-heart'></div>
                    <span>Flatty</span>
                </a>
            </div>
        </div>
        <div class='controls'>
            <div class='caret'></div>
            <div class='form-wrapper'>
                <h1 class='text-center'>Sign in</h1>
                <form accept-charset="UTF-8" action="index.html" method="get" />
                <div style="margin:0;padding:0;display:inline">
                    <input name="utf8" type="hidden" value="&#x2713;" />
                </div>
                <div class='row-fluid'>
                    <div class='span12 icon-over-input'>
                        <input class="span12" id="email" name="email" placeholder="E-mail" type="text" value="" />
                        <i class='icon-user muted'></i>
                    </div>
                </div>
                <div class='row-fluid'>
                    <div class='span12 icon-over-input'>
                        <input class="span12" id="password" name="password" placeholder="Password" type="password" value="" />
                        <i class='icon-lock muted'></i>
                    </div>
                </div>
                <label class="checkbox" for="remember_me">
                    <input id="remember_me" name="remember_me" type="checkbox" value="1" /> Remember me
                </label>
                <button class="btn btn-block" name="button" type="submit">Sign in</button>
                </form>
                <div class='text-center'>
                    <hr class='hr-normal' />
                    <a href="forgot_password.html">Forgot your password?</a>
                </div>
            </div>
        </div>
        <div class='login-action text-center'>
            <a href="sign_up.html"><i class='icon-user'></i>
            New to Flatty?
            <strong>Sign up</strong>
        </a>
        </div>
    </div>
    <!-- / jquery -->
    <script src='assets/javascripts/jquery/jquery.min.js' type='text/javascript'></script>

</body>

</html>